import React from "react";
import {render} from "react-dom";
import {Router, Route, hashHistory} from "react-router";
import App from "./src/components/App";
import standard from "./src/components/standard";
import ingredient from "./src/components/ingredient";
import tally from "./src/components/tally";

const content = document.createElement('div');
document.body.appendChild(content);
render((
    <Router history={hashHistory}>
        <Route path="/" component={App}>
            {/* make them children of `App` */}
            <Route path="/ingredient" component={ingredient}/>
            <Route path="/standard" component={standard}/>
            <Route path="/tally" component={tally}/>
        </Route>
    </Router>
), content);